<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Netto</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>

<body>
    <div class="img-inicio-propostas">
        <img src="imagens/documentos.jpg" alt=""> 
    </div>
    
    <div class="titulo-aba">
        <h2>Eventos</h2>
        <h1>Eventos</h1>
    </div>

    <nav class="menu">
        <div class="menu-oculto">
            <ul class="nav-menu">
                <li class="nav__menu-intem"><a href="index.html">Início</a></li>
                <li class="nav__menu-intem"><a href="propostas.html">Propostas</a></li>    
                <li class="nav__menu-intem"><a href="news.html">Notícias</a></li>
                <li class="nav__menu-intem"><a href="eventos.html">Eventos</a></li>
                <li class="nav__menu-intem"><a href="contato.html">Contato</a></li>
            </ul>
        </div>

        <ul class="nav-menu2">
            <li id="midia1" class="menu-item"><a href="https://www.instagram.com/nettomarquespa/" target="_blank"><img src="/imagens/instagram-azul.png"></a></li>
            <li id="midia2" class="menu-item"><a href="https://www.facebook.com/nettomarquespa" target="_blank"><img src="/imagens/facebook-azul.png"></a></li>
            <li id="midia3" class="menu-item"><a href="https://www.youtube.com/user/omnetto9" target="_blank"><img src="/imagens/youtube-azul.png"></a></li>
            <li id="midia4" class="menu-item"><a href="https://twitter.com/nettomarquespa?s=09" target="_blank"><img src="/imagens/twitter-azul.png"></a></li>
            <li id="midia5" class="menu-item"><a href="https://t.me/nettomarquespa" target="_blank"><img src="/imagens/telegrama-azul.png" ></a></li>
            <div class="apoia">
                <li class="apoia">
                    <a href="https://apoia.org/netto" target="_blank"><img style="max-height:39.5px" src="https://apoia.org/img/shared/bt-apoia-2-2.png" alt=""></a><!--37px-->
                </li>
            </div>
        </ul>
            
            <div class="logo">
                <img src="/imagens/logo-site.png">
            </div>        
</nav>
 


    <div class="mini-eventos"> <!--CARDS EVENTOS 1-->
        <section class="container-news">
            <div class="news">
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>         
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Líder de senso comum continua avançando em direção à mudança para um futuro próximo</h1>
                        </div>
                        <p>É um fato estabelecido há muito tempo que um leitor será.</p>                          
                    </div>
                </div>
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>    
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Campanhas políticas geralmente exigem um gerente de campanha</h1>
                        </div>
                        <p>Juntos, nós, o povo, alcançamos mais do que qualquer um.</p>                           
                    </div>
                </div>
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>                    
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Honestidade, integridade e comunidade mudam todas as experiências</h1>
                        </div>
                        <p>Design para os amantes do arrependimento de Edward são este.</p>
                    </div>
                </div>
            </div>
        </section> 
    </div>

    <div class="mini-eventos2"> <!--CARDS EVENTOS 2-->
        <section class="container-news">
            <div class="news">
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>         
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Líder de senso comum continua avançando em direção à mudança para um futuro próximo</h1>
                        </div>
                        <p>É um fato estabelecido há muito tempo que um leitor será.</p>                          
                    </div>
                </div>
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>    
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Campanhas políticas geralmente exigem um gerente de campanha</h1>
                        </div>
                        <p>Juntos, nós, o povo, alcançamos mais do que qualquer um.</p>                           
                    </div>
                </div>
                <div class="new">
                    <div class="new-data">
                        <h1>30 Agosto</h1>                    
                    </div>
                    <div class="new-texto">
                        <div class="new-coteudo">
                            <h1>Honestidade, integridade e comunidade mudam todas as experiências</h1>
                        </div>
                        <p>Design para os amantes do arrependimento de Edward são este.</p>
                    </div>
                </div>
            </div>
        </section> 
    </div>

<footer class="footer">  
    <div class="copyright">
            <h1>@2020 Netto Marques.Todos os direitos reservados</h1>
        </div>
</footer>

</body>
</html>